<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易云商城</title>
    <link rel="icon" href="./index/wangyiyun-copy.png">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .gouwu1 {
            width: 290px;
            position: relative;
            top: 15px;
            left: 280px;
        }

        .gouwu2 {
            width: 36px;
            position: relative;
            top: -40px;
            left: 1100px;
        }

        .gouwu3 {
            position: relative;
            top: -55px;
            left: 1130px;
        }

        .gouwu4 {
            width: 60px;
            border: none;
            font-size: 13px;
        }

        .lhy {
            width: 100%;
            height: 436px;
            background-color: rgb(255, 225, 238);
        }

        .lhy1 {
            text-align: center;
        }

        .lhy2 {

            margin: 0px auto;
            overflow: hidden;
        }

        .lhy2 tr td div {
            width: 120px;
            margin: 0px auto;
            overflow: hidden;
        }

        .lhy2 tr td p {
            float: right;
            margin-top: 15px;
        }

        .lhy3 {
            width: 66%;
            margin: 20px auto;
            overflow: hidden;
        }

        .lhy4 {
            width: 68%;
            margin: 0px auto;
            overflow: hidden;
            float: left;
        }

        .lhy5 {
            float: right;
        }
        .lhy6{
            width: 70%;
            margin: 0px auto;
            overflow: hidden;
        }
        .lhy7 {
            margin-top: 30px;
            width: 100%;
            float: left;
        }

        .lhy7 div {
            float: left;
        }

        .lhy7 div img {
            margin-left: 50px;
            width: 190px;
            height: 190px;
        }

        .lhy7 div p {
            text-align: center;
        }

        .lhy7 div dl {
            text-align: center;
            color: red;
            font-size: 20px;
        }
    </style>
</head>

<body>
    <div class="gouwu">
        <div class="gouwu1"><img src="./index/wyygouwu.png" width="290px" alt=""></div>
        <img class="gouwu2" src="./index/wyygouwuche.png" alt="">
        <a class="gouwu3">
            <select class="gouwu4" name="" id="">
                <option value="">登录</option>
                <option value="">qq登录</option>
                <option value="">微信登录</option>
                <option value="">手机号登陆</option>
                <option value="">新浪微博登录</option>
            </select>
        </a>
    </div>
    <div class="lhy">
        <div class="lhy1"><img src="./index/langmangou.png" width="66%" alt=""></div>
    </div>
    <table class="lhy2" border="1" width="66%" rules="all" frame="void">
        <tr>
            <td>
                <div><img src="./index/wyy1.png" alt="">
                    <p>IP周边</p>
                </div>
            </td>
            <td>
                <div><img src="./index/wyy2.png" alt="">
                    <p>热销爆品</p>
                </div>
            </td>
            <td>
                <div><img src="./index/wyy3.png" alt="">
                    <p>数码影音</p>
                </div>
            </td>
            <td>
                <div><img src="./index/wyy4.png" alt="">
                    <p>云贝商城</p>
                </div>
            </td>
        </tr>
    </table>
    <hr width="99%">
    <div class="lhy3">
        <div width="lhy4">
            <img src="./index/wyy5.png" width="49%" alt="">
            <img class="lhy5" src="./index/wyy6.png" width="49%" alt="">
        </div>
        <div><img src="./index/wyy7.png" width="100%" alt=""></div>
    </div>
    <div class="lhy6">
        <h2>热门商品</h2>
        <div class="lhy7">
            <div><img src="./index/wyy8.png" alt="">
                <p>邱胜翊（王子） Attention! 听好 1CD</p>
                <dl>¥69</dl>
            </div>
            <div><img src="./index/wyy9.png" alt="">
                <p>《青云志》电视剧原声带 1CD</p>
                <dl>￥90</dl>
            </div>
            <div><img src="./index/wyy10.png" alt="">
                <p>《老男孩》电视剧原声带 2CD</p>
                <dl>￥94w</dl>
            </div>
            <div><img src="./index/wyy11.png" alt="">
                <p>《南方有乔木》电视剧原声带 2CD</p>
                <dl>￥88</dl>
            </div>
        </div>
        <div class="lhy7">
            <div><img src="./index/wyy12.png" alt="">
                <p>《杉杉来了》电视剧原声带</p>
                <dl>￥99</dl>
            </div>
            <div><img src="./index/wyy13.png" alt="">
                <p> 《好先生》电视剧原声带</p>
                <dl>￥90</dl>
            </div>
            <div><img src="./index/wyy14.png" alt="">
                <p>《择天记》影视原声带2CD</p>
                <dl>￥90</dl>
            </div>
            <div><img src="./index/wyy15.png" alt="">
                <p> 《亲爱的翻译官》电视剧原声带</p>
                <dl>￥90</dl>
            </div>
            <div class="lhy7">
                <div><img src="./index/wyy16.png" alt="">
                    <p>S.H.E《永远都在》</p>
                    <dl>￥99</dl>
                </div>
                <div><img src="./index/wyy17.png" alt="">
                    <p>《ELUSIVE MAGIC 飘忽的幻术》</p>
                    <dl>￥90</dl>
                </div>
                <div><img src="./index/wyy18.png" alt="">
                    <p>鬼吹灯之黄皮子坟</p>
                    <dl>￥90</dl>
                </div>
                <div><img src="./index/wyy19.png" alt="">
                    <p> 《最想去的地方》</p>
                    <dl>￥90</dl>
                </div>
            </div>
            <div class="lhy7">
                <div><img src="./index/wyy20.png" alt="">
                    <p>《生命中的时光》</p>
                    <dl>￥99</dl>
                </div>
                <div><img src="./index/wyy21.png" alt="">
                    <p> 《好先生》电视剧原声带</p>
                    <dl>￥90</dl>
                </div>
                <div><img src="./index/wyy22.png" alt="">
                    <p>《择天记》影视原声带2CD</p>
                    <dl>￥90</dl>
                </div>
                <div><img src="./index/wyy23.png" alt="">
                    <p> 《亲爱的翻译官》电视剧原声带</p>
                    <dl>￥90</dl>
                </div>
            </div>
</body>

</html>